<template>
	<div class="message">
		<div class="top">
			<p>消息</p>
			<div class="topright">
				<span class="iconfont icon-icon-test"></span>
			</div>
			
		</div>
		<Mess></Mess>
		<Bottombar></Bottombar>
	</div>
</template>

<script>
	import Mess from "com/mess.vue"
	import Bottombar from "com/bottombar.vue"
	export default{
		components:{
			Bottombar,Mess
		}
	}
</script>

<style scoped="scoped">
	.message{
		font-size: 0.2rem;
		height: 100%;
		background-color: #FFFFFF;
		
		overflow: hidden;
	}
	.top{
		width: 100%;
		height: 0.36rem;
		font-size: 0.15rem;
		text-align: center;
		padding-top: 0.2rem;
		position: fixed;
		border-bottom: 1px solid #fbfbfb;
		background-color: #ffffff;
		z-index: 9;
	}
	.icon-icon-test{
		line-height: 0.46rem;
	}
	.topright{
		position: absolute;
		right: 0.1rem;
		top: 0.05rem;
	}
</style>
